<div class="form-control-tip" *ngIf="control.dirty && !control.valid" [ngClass]="align">
  <div *ngFor="let key of control.errors | keys;">
    {{key | translate: control.errors[key]}}
  </div>
  <div class="text-right" *ngIf="control.errors.invalidRegisteredEmail">
    <a class="btn btn-sm btn-link" [routerLink]="['/auth/sign-in', {email: control.errors.unregisteredEmail.email} ]">{{'signIn' | translate}}</a>
    <a class="btn btn-sm btn-link" [routerLink]="['/auth/forgot-password', {email: control.errors.unregisteredEmail.email} ]">{{'ForgotPassword' | translate}}</a>
  </div>
  <div class="text-right" *ngIf="control.errors.invalidUnRegisteredEmail">
    <a class="btn btn-sm btn-link" [routerLink]="['/auth/sign-up', {email: control.errors.registeredEmail.email} ]">{{'signUp' | translate}}</a>
  </div>
</div>
